<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入自己的css -->
    <link rel="stylesheet" href="../css/top.css/top.css">
    <!-- 引入公用样式的css -->
    <link rel="stylesheet" href="../css/top.css/car-baes.css">
    <!-- 引入瀑布流的css -->
    <link rel="stylesheet" href="../css/top.css/normalize.css">
    <!-- 引用字体图标 -->
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <!-- 引用头部尾部购物车css -->
    <link rel="stylesheet" href="../css/d-head-list.css">
    <link rel="stylesheet" href="../css/d-sideNav.css">
    <link rel="stylesheet" href="../css/d-foot.css">
</head>

<body>
    <!-- 头部 -->
    <div class="d-head">
        <!-- 灰色区域 -->
        <div class="d-head-gray-all">
            <div class="d-headsit-nav">
                <!-- 左半边 -->
                <div class="d-headNav-left">
                    <!-- 地区 -->
                    <div class="d-headCity">
                        <div class="d-headCityCity">
                            <i class="d-address"></i>
                            <span class="d-add-span">郑州市</span>
                        </div>
                        <div class="d-headCityYc">
                            <div class="hot">
                                <b>苏州市</b>
                                <b>北京市</b>
                                <b>天津市</b>
                                <b>上海市</b>
                            </div>
                            <div class="d-abc"></div>
                            <ul class="d-headCityUl"></ul>
                        </div>
                    </div>
                    <!-- 登录注册 -->
                    <div class="d-headinfo">
                        <a href="###" class="d-denglu">请登录</a>
                        <a href="###" class="d-zhuce">免费注册</a>
                    </div>
                </div>
                <!-- 右半边 -->
                <ul class="d-headNav-right">
                    <li>
                        <a href="###">我的订单</a>
                    </li>
                    <li class="d-spacer"></li>
                    <li><a href="###">我的浏览</a></li>
                    <li class="d-spacer"></li>
                    <li><a href="./personalcenter.html">我的收藏</a></li>
                    <li class="d-spacer"></li>
                    <li><a href="###">客户服务</a></li>
                    <li class="d-spacer"></li>
                    <li class="d-headNav-right-lastli">
                        <div class="fl ">网站导航
                            <div class="fl d-headNav-lastli-div1"></div>
                        </div>
                        <!-- 隐藏部分 -->
                        <div class="d-headNav-lastli-div2YC">
                            <div class="d-headNav-div2YCLeft fl">
                                <b><a href="###" class="d-notbs">特色主题</a></b>
                                <a href="###">男装女装</a>
                                <a href="###">鞋靴箱包</a>
                            </div>
                            <div class="d-headNav-div2YCRight fl">
                                <b><a href="" class="d-notbs">促销活动</a></b>
                                <br>
                                <a href="">拍卖活动</a> <a href="">共创商品</a> <a href="">积分商城</a>
                                <br>
                                <a href="">CMS频道</a> <a href="">优惠活动</a> <a href="">超值礼包</a>
                                <br>
                                <a href="">优惠券</a> <a href="">礼品卡</a> <a href="">预售商品</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 头部 -->
        <div class="d-head-main">
            <!-- log -->
            <div class="d-headlogo">
                <img src="../images/d-head-logo.gif" alt="">
            </div>
            <!-- 搜索区域 -->
            <div class="d-headSearch">
                <input type="text" id="d-head-search" placeholder="周大福">
                <button type="submit" class="d-head-button">搜商品</button>
                <button type="submit" class="d-head-button d-head-store">搜店铺</button>
                <div class="d-head-searchA">
                    <a href="#">周大福</a>
                    <a href="#">内衣</a>
                    <a href="#">Five Plus</a>
                    <a href="#">手机</a>
                </div>
            </div>
            <!-- 购物车区域 -->
            <div class="d-headshopCar">
                <a href="###" class="d-headshopCarAA">
                    <i><img src="../images/d-head-shopping.png" alt=""></i>
                    <span class="d-headshopCarSpan">我的购物车</span>
                    <em class="d-headshopCar-clount">0</em>
                </a>
                <div class="d-headshopCar-yc">
                    <a href="">
                        <img src="../images/d-head-shopbiaoqing.png" alt="" class="fl">
                        <span class="d-headshopCarYc-span">购物车中还没有商品，赶紧选购吧！</span>
                    </a>
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="d-head-nav-all">
            <div class="d-head-nav">
                <div id="d-common-cat">
                    <a href="###" style="color: white;" class="d-common-catA">全部商品分类</a>
                </div>
                <div id="d-head-commn-nav">
                    <ul>
                        <li><a href="../index.html" class="red">首页</a></li>
                        <li><a href="./person.html" class="d-red1">个护美妆</a></li>
                        <li><a href="../cloth.html" class="d-pink">服装城</a></li>
                        <li><a href="./home.html" class="d-blue">家用电器</a></li>
                        <li><a href="./bag.html" class="d-balck">鞋靴箱包</a></li>
                        <li><a href="./group.html" class="d-red1">聚划算</a></li>
                        <li><a href="./presell.html" class="d-red1">预售</a></li>
                        <li><a href="./top.html" class="d-red1">店铺街</a></li>
                        <li><a href="./shop.html" class="d-red1">品牌专区</a></li>
                        <li><a href="./notice.html" class="d-red1">公告</a></li>
                        <div class="spec" data-spec=""></div>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 店铺街中心内容 -->
    <div class="l-content">
        <!-- 广告图 -->
        <div class="l-banner">
            <div class="l-banner-img"></div>
        </div>
        <!-- 主体 -->
        <div class="l-main">
            <div class="l-width">
                <!-- 内容头部导航 -->
                <div class="l-top-nav">
                    <!-- 分类 -->
                    <div class="l-fl">
                        <ul>
                            <li class="l-padding" style="color:#666">分类：</li>
                            <li class="red" style="color:red">全部</li>
                            <li>家用电器</li>
                            <li>男装女装</li>
                            <li>鞋靴箱包</li>
                            <li>手机数码</li>
                            <li>电脑办公</li>
                            <li>家居家纺</li>
                            <li>个人化妆</li>
                        </ul>
                    </div>
                    <!-- 省份 -->
                    <div class="l-province">
                        <ul id="l-pd">
                            <li class="l-padding" style="color:#666">省份：</li>
                        </ul>
                        <ul style="color:black">
                            <li>全部</li>
                            <li>上海市</li>
                            <li>湖南省</li>
                            <li>陕西省</li>
                        </ul>
                        <ul style="color:black">
                            <li>北京市 </li>
                            <li>江苏省</li>
                            <li>广东省</li>
                            <li>甘肃省</li>
                        </ul>
                        <ul style="color:black">
                            <li>天津市 </li>
                            <li>浙江省</li>
                            <li>广西省</li>
                            <li>青海省</li>
                        </ul>
                        <ul style="color:black">
                            <li>河北省</li>
                            <li>安徽省</li>
                            <li>海南省</li>
                            <li>宁夏自治区</li>
                        </ul>
                        <ul style="color:black">
                            <li>山西省 </li>
                            <li>福建省</li>
                            <li>重庆市</li>
                            <li>新疆自治区</li>
                        </ul>
                        <ul style="color:black">
                            <li>内蒙古</li>
                            <li>江西省</li>
                            <li>四川省</li>
                            <li>台湾</li>
                        </ul>
                        <ul style="color:black">
                            <li>辽宁省</li>
                            <li>山东省</li>
                            <li>贵州省</li>
                            <li>香港</li>
                        </ul>
                        <ul style="color:black">
                            <li>吉林省 </li>
                            <li>河南省</li>
                            <li>澳门</li>
                            <li>澳门</li>
                        </ul>
                        <ul>
                            <li>黑龙江省</li>
                            <li>湖北省</li>
                            <li>澳门</li>
                        </ul>
                    </div>
                    <!-- 排序方式 -->
                    <div class="l-sort">
                        <div class="l-div1">排序方式:</div>
                        <div class="l-div2">热门</div>
                        <div class="l-div2">销量</div>
                        <div class="l-div2">评分</div>
                    </div>
                </div>
                <!--瀑布流 -->
                <!-- <div class="l-pbl">

                </div> -->
                <section class="gallery-wrapper">
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-1.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-1-lv.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">绿联专卖店</p>
                        </a>
                        <p>主营品牌:绿联</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-2.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-2-hy.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">火影旗舰店</p>
                        </a>
                        <div class="l-pp">品牌自营</div>
                        <p>主营品牌:火影</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-3.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-3-quan.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">全友家私</p>
                        </a>
                        <p>主营品牌:全友家私</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-4.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-4-mei.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">美宝莲</p>
                        </a>
                        <p>主营品牌:美宝莲</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-5.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-5-qi.png" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">奇居旗舰店</p>
                        </a>
                        <p>主营品牌:奇居</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-6.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-6-c.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">成人旗舰店</p>
                        </a>
                        <p>主营品牌:杜蕾斯</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-7.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-7-yf.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">服装专卖店</p>
                        </a>
                        <p>服装专卖店</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-8.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-8-duo.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">多秒屋</p>
                        </a>
                        <p>主营品牌:多秒屋</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-9.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-9-qiche.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">大众专卖店</p>
                        </a>
                        <p>主营品牌:大众</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-10.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-10-dangdang.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">当当旗舰店旗舰店</p>
                        </a>
                        <p>主营品牌:当当旗舰店</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-11.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-11-dkn.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">迪卡侬专卖店</p>
                        </a>
                        <p>主营品牌:迪卡侬</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-12.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-12-zdf.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">周大福旗舰店</p>
                        </a>
                        <p>主营品牌:周大福</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-5.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-5.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">旗舰店</p>
                        </a>
                        <div class="l-pp">品牌自营</div>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-13.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-13-sw.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">Swisse专卖店</p>
                        </a>
                        <p>主营品牌:Swisse</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-14.png" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-15-sshi.png" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">大商创旗舰店</p>
                        </a>
                        <p>主营品牌:佳能</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                    <article class="white-panel">
                        <a href="#"><img src="../images/top.img/l-15.jpg" class="thumb"></a>
                        <a href="#"><img src="../images/top.img/l-5.jpg" class="l-log" alt=""></a>
                        <a href="#">
                            <p class="l-name">创造旗舰店</p>
                        </a>
                        <p>主营品牌:佳能</p>
                        <p>商家等级：
                            <img src="../images/top.img/l-wj.png" alt="" style="width:20px">
                        </p>
                    </article>
                </section>
                <!-- 切换按钮 -->
                <div class="l-btn">
                    <div class="l-btnhz">
                        <div class="l-wai">
                            <div>
                                <i class="iconfont icon-fanhuijiantou"></i>
                            </div>
                            <div id="l-btn2">1</div>
                            <div>2</div>
                            <div>
                                <span class="iconfont icon-xiangyoujiantou"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="d-foot">
        <!-- 底部版心 -->
        <!-- 灰色区域 -->
        <div class="d-foot-top">
            <!-- 灰色区域版心 -->
            <div class="d-foot-top-main">
                <div class="d-service-list">
                    <!-- 七天包退 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-qi"></i>
                        <span>七天包退</span>
                    </div>
                    <!-- 正品保障 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-zheng"></i>
                        <span>正品保障</span>
                    </div>
                    <!-- 好评如潮 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-hao"></i>
                        <span>好评如潮</span>
                    </div>
                    <!-- 闪电发货 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-shan"></i>
                        <span>闪电发货</span>
                    </div>
                    <!-- 权威荣誉 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-quan"></i>
                        <span>权威荣誉</span>
                    </div>
                </div>
                <!-- 电话咨询客服 -->
                <div class="d-contact">
                    <div class="d-contact-item">
                        <i class="d-f-icon d-f-icon-tel"></i>
                        <span>4001-021-758</span>
                    </div>
                    <div class="d-contact-item-last">
                        <i class="d-f-icon d-f-icon-kefu"></i>
                        <span>咨询客服</span>
                    </div>
                </div>
            </div>

        </div>
        <!-- 黑色区域中间部分 -->
        <div class="d-foot-center">
            <!-- 版心 -->
            <div class="d-foot-center-main">
                <!-- 新手上路部分 -->
                <div class="d-help-list">
                    <div class="d-help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li><a href="###">售后流程</a></li>
                            <li><a href="###">购物流程</a></li>
                            <li><a href="###">订购方式</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>配送与支付</h3>
                        <ul>
                            <li><a href="###">货到付款区域</a></li>
                            <li><a href="###">配送支付智能查询</a></li>
                            <li><a href="###">支付方式说明</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>服务保证</h3>
                        <ul>
                            <li><a href="###">退换货原则</a></li>
                            <li><a href="###">售后服务保证</a></li>
                            <li><a href="###">产品质量保证</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>联系我们</h3>
                        <ul>
                            <li><a href="###">网站故障报告</a></li>
                            <li><a href="###">选机咨询</a></li>
                            <li><a href="###">投诉与建议</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>会员中心</h3>
                        <ul>
                            <li><a href="###">资金管理</a></li>
                            <li><a href="###">我的收藏</a></li>
                            <li><a href="###">我的订单</a></li>
                        </ul>
                    </div>
                </div>
                <!-- 二维码部分 -->
                <div class="d-fooot-center-ewm">
                    <div class="d-qr-item d-qr-item-first">
                        <div class="d-code_img"><img src="../images/top.img/d-foot-ewm1.jpg">
                        </div>
                        <div class="d-code_txt">关注微信</div>
                    </div>
                    <div class="d-qr-item">
                        <div class="d-code_img"><img src="../images/top.img/d-foot-ewm2.jpg">
                        </div>
                        <div class="d-code_txt">下载APP</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 黑色区域下部分 -->
        <div class="d-foot-bottom">
            <!-- 版心 -->
            <div class="d-foot-bottom-main">
                <p class="d-foot-nav">
                    <a href="###">首页</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">隐私保护</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">联系我们</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">免责条款</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">公司简介</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">商家入驻</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">供应商入驻</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">意见反馈</a>
                </p>
                <p class="d-foot-nav">
                    <a href="###">b2b2c</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">多用户商城系统</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">商城系统</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">ecjia新零售</a>
                </p>
                <p class="d-foot-nav2">
                    <span>ICP备案证书号:</span><a href="###">沪ICP备14029880号-5</a>
                </p>
                <p class="d-foot-nav2">
                    <a href="###">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                </p>
                <p class="d-foot-kong">&nbsp;</p>
            </div>
        </div>
    </div>
    <!-- 侧边栏 -->
    <div class="d-screen-side">
        <!-- <div class="d-screen-side-lay"> -->
        <!-- 黑色区域 -->
        <div class="d-side-balck">
            <!-- 顶部 -->
            <div class="d-side-black-top">
                <ul class="d-sideulul">
                    <!-- 用户 -->
                    <li class="d-yonghuli">
                        <a href="###"><i class="d-yonghu"></i></a>
                        <!-- 隐藏部分 -->
                        <div class="d-setting-con">
                            <div class="d-setting-contop">
                                <p class="d-setting-contopimgbox">
                                    <img src="../images/d-touxiang.jpg" width="100" height="100">
                                </p>
                                <ul class="d-user">
                                    <li>用户名：暂无</li>
                                    <li>级 别：暂无</li>
                                </ul>
                            </div>
                            <div class="d-btnbox">
                                <a href="###" class="d-order">我的订单</a>
                                <a href="####" class="d-favorite">我的收藏</a>
                            </div>
                            <i class="d-ycxsjwhite"></i>

                        </div>
                    </li>
                    <!-- 购物车 -->
                    <li id="d-shop-car">
                        <a href="####" class="d-cart_list">
                            <i class="d-message"></i>
                            <div class="d-aspan">购物车</div>
                            <span class="d-cart_num">0</span>
                        </a>
                    </li>
                    <!-- 订单 -->
                    <li class="d-dingdanli">
                        <a href="###"><i class="d-dingdan"></i></a>
                        <!-- 隐藏部分 -->
                        <div class="yc-dingdan1">
                            <div class="d-yc-dingdan">
                                <span style="font-size:12px">我的订单</span>
                            </div>
                            <i class="d-ycxsj"></i>
                        </div>
                    </li>
                    <!-- 优惠卷 -->
                    <li class="d-youhuijuanli">
                        <a href="###"><i class="d-youhuijuan"></i></a>
                        <!-- 隐藏部分 -->
                        <div class="yc-youhuijuan1">
                            <div class="d-yc-youhuijuan">
                                <span style="font-size:12px">优惠卷</span>
                            </div>
                            <i class="d-ycxsj"></i>
                        </div>
                    </li>
                    <!-- 我的资产 -->
                    <li class="d-zichanli">
                        <a href="###"><i class="d-zichan"></i></a>
                        <!-- 隐藏部分 -->
                        <div class="yc-zichan1">
                            <div class="d-yc-zichan">
                                <span style="font-size:12px">我的资产</span>
                            </div>
                            <i class="d-ycxsj"></i>
                        </div>
                    </li>
                    <!-- 我的足迹 -->
                    <li class="d-zujili">
                        <a href="###"><i class="d-zuji"></i></a>
                        <!-- 隐藏部分 -->
                        <div class="yc-zuji1">
                            <div class="d-yc-zichan">
                                <span style="font-size:12px">我的足迹</span>
                            </div>
                            <i class="d-ycxsj"></i>
                        </div>
                    </li>
                    <!-- 我的收藏 -->
                    <li class="d-shoucangli">
                        <a href="###"><i class="d-shoucang"></i></a>
                        <!-- 隐藏部分 -->
                        <div class="yc-shoucang1">
                            <div class="d-yc-zichan">
                                <span style="font-size:12px">我的收藏</span>
                            </div>
                            <i class="d-ycxsj"></i>
                        </div>
                    </li>
                    <!-- 我的邮箱 -->
                    <li class="d-youjianli">
                        <a href="###"><i class="d-youjian"></i></a>
                        <!-- 隐藏部分 -->
                        <div class="yc-youjian1">
                            <div class="d-yc-zichan">
                                <span style="font-size:12px">邮箱订阅</span>
                            </div>
                            <i class="d-ycxsj"></i>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 底部 -->
            <div class="d-side-black-bottom">
                <ul>
                    <!-- 客服中心 -->
                    <li class="d-kefuli">
                        <a href="###"><i class="d-kefu"></i></a>
                        <!-- 隐藏部分 -->
                        <div class="yc-kefu1">
                            <div class="d-yc-kefu">
                                <span style="font-size:12px">客服中心</span>
                            </div>
                            <i class="d-ycxsj"></i>
                        </div>
                    </li>

                    <!-- 回到顶部 -->
                    <li class="d-topli">
                        <a href="###"><i class="d-top"></i></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="d-side-gray">
            <!-- 灰色区域未完成 -->
            <div class="d-side-gray-shop">
                <i class="d-shop-close"></i>
                <p>购物车</p>
            </div>
            <!-- 中间区域 -->
            <div class="d-side-gray-main">
                <div class="d-side-gray-main-empty">
                    <div class="d-tihuanbiaoqing">
                        <img src="../images/d-head-shopbiaoqing.png" alt="">
                        <div class="d-tip-text">
                            购物车空空的，赶快去挑选心仪的商品吧~
                            <br>
                            <a href="####">去首页看看</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 结算区域 -->
            <div class="d-side-gray-jiesuan">
                <p>共<span>0</span>件商品</p>
                <div class="d-com_price">￥<b>0.00</b></div>
                <a href="###">
                    <div class="d-to_shopCart">去购物车结算</div>
                </a>
            </div>
        </div>
    </div>
    <!-- 引用jquery -->
    <script src="../lib/jQuery/jQuery-3.6.0.js"></script>
    <!-- 引用瀑布流的js -->
    <script src="../js/jquery-1.11.0.min.js"></script>
    <script src="../js/pinterest_grid.js"></script>
    <!-- 引用自己的js -->
    <script src="../js/top.js"></script>
    <!-- 引用头部尾部购物车js -->
    <script src="../渲染数据/data.js"></script>
    <script src="../js/d-head-list.js"></script>
    <script src="../js/d-sideNav.js"></script>
</body>

</html>